.v-icon {
  --v-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--v-icon-color);
  font-size: inherit;
  --colors: (
    primary: #409eff,
    success: #67c23a,
    warning: #e6a23c,
    danger: #f56c6c,
    error: #f56c6c,
    info: #909399
  );
}

@each $val in var(--colors) {
  .v-icon--$(val) {
    --v-icon-color: var(--v-color-$(val));
  }
}
